<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>门票列表</title>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>

<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed toolbar-through">
                <div id="ticketListYSP_page" data-page="ticketListYSP" class="page Booking">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div id='wx_left' class="left">
                                <a href="#" data-href="../../view-yuqing/home/index_new.html" data-panel="left" class="link icon-only">
                                    <i class="iconfont icon-shouye"></i></a>
                            </div>
                            <div class="center">
                                门票列表
                            </div>
                            <div class="right">
                                <a href="#" data-panel="left" class="link icon-only">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content page-result">
                        <script id="template_ticketList_ysp" type="text/template7">
                            {{#each this.ticketList}} 
                                <div class="ysp_ticket_item" index="{{@index}}" style="background-color:white; padding:0 15px 0 15px;display:flex;">
                                    <div style="display: flex; flex: 1; flex-direction: row; padding: 12px 0 12px 0; border-bottom: 1px #dddddd solid;">
                                        <div style="flex: 2; display: flex;padding: 0 0 21% 0;background-size: cover;background-position: center center; background-image: url('{{imageUrl}}')">
                                        </div>
                                        <div style="flex: 7;display:flex;flex-direction: row; margin-left: 10px;">
                                            <div style="flex: 1; display: flex; flex-direction: column;">
                                                <div style="font-size: 1.2em; color: #6b6b6b;">
                                                    {{ticketName}}
                                                </div>
                                                <div style="flex: 1;"></div>
                                                <div style="display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;">
                                                    {{#each tags}}
                                                        <div style="font-size: 12px; padding: 2px; border: 1px #d2e0e4 solid; color: #84b0c6; margin-right: 4px; margin-top: 3px;">
                                                            {{this}}
                                                        </div>
                                                    {{/each}}
                                                </div>
                                            </div>
                                            <div style="display: flex; flex-direction: column; align-items:center;">
                                                <div>
                                                    <span style="font-size:1.0em; color: #c76a4f;">¥</span>
                                                    <span style="font-size:1.6em; color: #e76b53;">{{price}}</span>
                                                </div>
                                                <div style="flex: 1;"></div>
                                                <div style="padding: 5px 7px; 5px 7px; background-color: #f9613f; color: white; border-radius: 3px; font-size: 1.0em;">
                                                    立即预订
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {{/each}}
                        </script>
                    </div>
                </div>
            </div>
            <!-- end page -->
        </div>
        <!-- end pages -->
    </div>
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/mobiscroll.jquery.min.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script async defer type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_orders.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_tourist.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_payresult.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_wxpay_service.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_image_list.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/js-yuqing/iss_view_guid.js?time=20171213174312"></script>
    <script async defer type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
</body>

</html>